<%--
  Created by IntelliJ IDEA.
  User: jose
  Date: 16/07/13
  Time: 22:25
  To change this template use File | Settings | File Templates.
--%>

<%@ page import="demographic.identity.Lugar" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="layout" content="main" />
    <title>Editor de Mapa</title>
    <g:javascript library="jquery"/>
    <jqui:resources themeCss="../css/jquery/jquery-ui-1.8.16.custom.css"/>
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'estilo.css')}"/>
    <script>



        function updateEstados() {
            var pais =1;
        ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetEstados',
            update: 'estados_coordenadas',
            params: '\'id=\' + pais')}
        }

        function updateMunicipios(estado){
        ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetMunicipios',
            update: 'municresid',
            params: '\'id=\' + estado')}
        }


     </script>
</head>
<body>
<div class="estados_coordenadas" id="estados_coordenadas"></div>
<div class="municipios_coordenadas" id="municipios_coordenadas"></div>
<div class="parroquias_coordenadas" id="parroquias_coordenadas"></div>
<div class="body">
    <h1>Seleccione El Municipio</h1>

    <div class="list">
        <p>
            <label for="entidadresidencia"><g:message code="persona.entidadreside"/></label>
            <g:select name="entidresid" class="selectci" optionKey="id" optionValue="entidresid"
                      noSelection="['': 'Seleccione Entidad']" onchange="updateEstados()"/>
        </p>
        <p>
            <label for="municipioresidencia"><g:message code="persona.municipioreside"/></label>
            <g:select name="municresid" class="selectci" disabled="false" noSelection="['': 'Seleccione Municipio']"
                      onchange="updateParroquiaReside(this.value)"/>
        </p>

        <p>
            <label for="parroquiresidencia"><g:message code="persona.parroquiareside"/></label>
            <%--g:select name="direccion.id" class="selectci" id="parroresid" disabled="false" noSelection="['':'Seleccione Parroquia']"/--%>
            <g:select name="direccion.id" class="selectci" disabled="false" onchange="updateCallesReside(this.value)"
                      noSelection="['': 'Seleccione Parroquia']"/><span class="obligatorio">&nbsp;*</span>
        </p>
    </div>

</div>
</body>
</html>